﻿root { 
    display: block;
}
/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    font-family:inherit;
    vertical-align:baseline;
    text-decoration: none;
}

body {
    line-height:1;
    color:black;
    background:#FFF;
    font: 13px/1.3 Helvetica Neue,Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
}
table {
    border-collapse:separate;
    border-spacing:0;
}
caption, th, td {
    text-align:left;
    font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:"";
}
blockquote, q {
    quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
    display: block;
}

a {
    color: #2D76B9;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:focus {
    outline: 1px dotted;
}

h2{
    font-weight: bold;
    color: #999;
    font-size: 14px;
    font-family: Helvetica Neue Bold,Arial,Helvetica,FreeSans,sans-serif;
    padding-bottom: 6px;
}

#container{
    width: 900px;
    margin: 0 auto 0 auto;
}
#wrapper {width: 900px;  background: white; float: left;}



.header{
    background-color: #007373;
    height: 35px;
    width: 100%;
    margin-bottom: 12px;
    float:left;
}

.header .center{
    width: 900px;
    margin: 0 auto 0 auto;
}

.header .center .button{
    padding-top: 12px;
    float:right;
}
.header .center .button a{
    color: white;
    padding:6px;
}
.header .center .button a:hover{
    color: #aaa;
    padding:6px;
}

#left{
    width: 180px;
    padding:6px;
    float: left;
}

#center{
    width: 660px;
    border-left: 1px #ddd dotted;
    padding:12px;
    float: left;
}

p{
    padding-bottom: 6px;
    padding-top: 6px;
    font-weight: bold;
    font-family: Helvetica Neue Bold,Arial,Helvetica,FreeSans,sans-serif;
}
.image_user{
    padding-top: 16px;
    padding-bottom: 16px;
}

.image_user_tiny{
    height: 20px;
    width: 20px;
}
.image_user_tiny img{
    height: 20px;
    width: 20px;
}

.post{
    padding-bottom: 6px;
}

.post-title{
    padding: 6px;
    font-weight: bold;
    color: #19558D;
    font-size: 14px;
    font-family: Helvetica Neue Bold,Arial,Helvetica,FreeSans,sans-serif;
}

.post-text{
    margin-left: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    color:#333;
    border-top: 2px #aaa solid;
}

.post-user{
    margin-left: 16px;
    padding-bottom: 2px;
    padding-top: 16px;
    color:#999;
    font-size: 11px;
}
.post-send{
    margin-left: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    color:#333;
    border-top: 1px #aaa solid;
}

textarea{
    width: 500px;
}

.image_tiny{
    height: 20px;
    width: 20px;
}

.hidden{
    display: none;
}

ul {
    list-style: disc outside none;
}
.inline-list li {
    display: inline;
}
.inline-list, .inline-list li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: center;
}
li {
    margin-left: 30px;
}

.bg-lat{
    background-image: url("../img/kooper-lat.jpg");
    background-repeat: repeat-x;
    height: 653px;
    width: 100%;
}

.bg-center{
    height: 653px;
    width: 1100px;
    text-align: center;
    margin-top: -653px;
    margin-left: auto;
    margin-right: auto;
}

.holder{
    color:#aeaeae;
    position: absolute;
    margin-left: -196px;
    margin-top: 2px;
}
.front-signup{
    margin-top: 26px;
}
.login{
    position: absolute;
    margin-top: -630px;
    margin-left: 740px;
    padding-bottom: 20px;
}
.login form input{
    text-decoration: none;
    padding:4px;
    font-size: 11px;
    color:#8FB5C8;
    border-radius:4px;
    border:none;
    opacity:0.9; 
    -moz-transition-delay: 0s, 0s;
    -moz-transition-duration: 0.1s, 0.1s;
    -moz-transition-property: opacity, font-size;
    -moz-transition-timing-function: ease, ease;
}
.login form .submit{
    color:#666;
}

.login h3 {
    color: white;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.form-login div{
    margin-bottom: 8px;
}
.form-login div input{
    width: 200px;
    padding: 4px;
}




.enter-btn{
    position: absolute;
    margin-top: -250px;
    margin-left: 950px;
}

.enter-btn a{
    font-size: 24px;
    font-family: Helvetica Neue,Arial,Helvetica,FreeSans,sans-serif;
    color: white;
    font-weight: bold;

    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
}

.enter-btn a:hover {
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6), 0 0 6px #8FB5C8, 0 0 30px rgba(143, 181, 200, 0.7);
}

